<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>free2027295270书城登录页面</title>
  <%--静态包含base标签，css样式,jQuery文件--%>
  <%@ include file="/common/head.jsp"%>
 <script>
    //页面加载完成之后
    $(function () {
      //给注册绑定单击事件
      $("#subdate").click(function () {
        // 获取用户名输入框里的的内容
        // 【用户名密码由5-16位字母数字表达式构成】
        var username = $("#username").val();
        var usercode1 = $("#usercode1").val();
        var c_user=/^\w{5,16}$/;
        var p=true;
        // test验证
        // 提示
        if(!c_user.test($("#username").val())){
          $("#username").next().show();
          p=false;
        }
        if(!c_user.test($("#usercode1").val())){
          $("#usercode1").next().show();
          p=false;
        }
        return p;
      });
      $("#username,#usercode1").click(function () {
        if($(this).next().is(":visible")){
          $(this).next().hide();
          this.value="";
        }
      });
    });
   </script>
</head>
<body>

<form action="US" method="post">
    <input type="hidden" name="action" value="login">
<!--LS是登录页面的servlt程序的配置访问地址，访问的话可以直接在地址的工程名后面直接加LS-->
  <h1 style="color: sandybrown" align="center">C⭐登录页面</h1>
  <div style="background-color: aqua;width: border-box;height: 760px;">
    <table align="center" border="0" cellspacing="0" width="900"  height="500" style="background-color:deepskyblue">
      <tr>
        <th rowspan="9" style="font-size: 116px;font-family: 楷体;color: yellowgreen" align="center">
          欢迎登录<br>
          C⭐账号
        </th>
        <th colspan="2" style="color: yellowgreen;font-family: 楷体;font-size: 56px">用户登录</th>
      </tr>
      <tr>
        <th>
          <span class="error">
<%--            <%=request.getAttribute("Error")==null?"":request.getAttribute("Error")%>--%>
                ${requestScope.Error}
                <%--
                这里用EL表达式；empty判断是否为空，属于EL表达式运算。
                不过对于EL表达式来说空值输出直接就是空，所以这里不用判断
                --%>
          </span>
        </th>
      </tr>
      <tr>
        <th>用户名：</th>
        <th>
          <input type="text" id="username" name="username" value="${cookie.username.value}">
          <span class="warning">用户名不合法</span>
        </th>
      </tr>
      <tr>
        <th>密码：</th>
        <th>
          <input type="password" id="usercode1" name="password">
          <span class="warning">密码不合法</span>
        </th>
      </tr>
      <tr>
        <th>
          <input type="submit" id="subdate" value="登录" style="width: 86px;height: 33px">
        </th>
        <th><a href="pages/UserPages/register.jsp">无账号👉去注册</a></th>
      </tr>

    </table>
  </div>
</form>

</body>
</html>